<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
		<style>
		html, body {
			padding: 0;
			margin: 0;
			height: 100%;
		}
		.main {
			height: 100%;
			background: url(sky.jpg)  no-repeat center center/cover;
			overflow: hidden;
			padding: 50px;
			box-sizing: border-box;
		}
		button {
			width: 70px;
			float: right;
			border-width: 0;
			background-color: #742ecc;
			color: white;
			font: 900 16px/37px "Microsoft Yahei";
		}
		.log {
			width: 300px;
			height: 280px;
			margin: 0 auto;
			margin-top: 80px;
			padding-top: 15px;
			text-align: center;
			background-color: rgba(46,56,66, 0.6);
			color: white;
			font: bold 16px/39px "Microsoft Yahei";
			display: none;
		}
		.log p:last-child {
			background-color: #742ecc;
			width: 230px;
			height: 39px;
			margin: 10px auto;
		}
		input {
			width: 230px;
			height: 33px;
			margin: 10px 0; 
		}
	</style>

</head>
<body>
	<div class = "main">
		<button>登陆<tton>
		<div class = "log">
			<p>会员登陆</p>
			<input type="text" placeholder="帐号"><br>
			<input type="password" placeholder="密码">
			<p>登陆</p>
		</div>
	</div>

</body>
</html>